<template>
  <el-container>
    <el-aside width="200px">
      <aside-menu></aside-menu>
    </el-aside>
    <el-container>
      <el-header class="header-bg">
        <header-menu></header-menu>
      </el-header>
      <el-main style="position: relative;">
        <main-box></main-box>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import asideMenu from "./aside-menu";
import headerMenu from "./header-menu";
import mainBox from "./main-box";
export default {
  name: "frame",
  components: { asideMenu, headerMenu, mainBox },
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.header-bg {
  position: relative;
  // z-index: 2;
  background: -webkit-linear-gradient(left, #3ee2db 5%, #5ea6fb 100%);
}
</style>
